<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<title>科目设置</title>
</head>
<body>	
	<script type="text/javascript">
		var dataGrid;
		$(function() {
			dataGrid = $('#dataGridzzpz').datagrid({
				url : '${pageContext.request.contextPath}/business/accounting/zzpz/zzpzdataGrid.shtml',
				fit : true,
				border : false,
				pagination : true,
				pageSize : 20,
				pageList : [ 10, 20, 30, 40, 50 ],
				sortName : 'ID',
				sortOrder : 'ASC',
				checkOnSelect : false,
				selectOnCheck : false,
				nowrap : false,
				striped : true,
				rownumbers : true,
				singleSelect : true
				,columns : [[
					 {field : 'ID', title : '编号', width : 150, hidden : true}
					,{field : 'action', title : '操作', width : 120, formatter : function(value, row, index) {
							var str = '';
								str += $.formatString('<a href="#"  onClick="editFun('+row.ID+') ">编辑</a>');
							str += '&nbsp;';
								str += $.formatString('<a href="#"  onClick="deleteFun('+row.ID+') ">删除</a>');
							str += '&nbsp;';
								str += $.formatString('<a href="#"  onClick="tjfl('+row.XSPZH+') ">添加分录</a>');
							str += '&nbsp;';
							return str;
						}
					}
					,{field : 'YWLX', title : '摘要', width : 200, sortable : true}
					,{field : 'JFFSE', title : '借方发生额', width : 200, sortable : true}
					,{field : 'DFFSE', title : '贷方发生额',width : 200,sortable : true}
					,{field : 'YE', title : '附件单据数',width : 200,sortable : true}
					,{field : 'YHJSLSH', title : '记账日期',width : 200,sortable : true}
					,{field : 'ZHAIYAO',title : '制单',width : 200,sortable : true}
					,{field : 'RZZT',title : '复核',width : 200,sortable : true}
					,{field : 'PZSSNY',title : '记账',width : 260,sortable : true}
					,{field : 'CZBS', title : '凭证状态标识',width : 200,sortable : true}
					,{field : 'ZJYWLX', title : '标记',width : 200,sortable : true}
					,{field : 'KMBH', title : '汇总凭证号',width : 200,sortable : true}
					,{field : 'PZH', title : '显示凭证号',width : 200,sortable : true}
					,{field : 'JSFS', title : '凭证类别',width : 200,sortable : true}
				]],
				toolbar : '#toolbarzzpz',
				onLoadSuccess : function() {
					$('#searchForm table').show();
					parent.$.messager.progress('close');
					$(this).datagrid('tooltip');
				},
				onRowContextMenu : function(e, rowIndex, rowData) {
					e.preventDefault();
					$(this).datagrid('unselectAll');
					$(this).datagrid('selectRow', rowIndex);
					$('#xypzmenu').menu('show', {
						left : e.pageX,
						top : e.pageY
					});
				}
			});
			dataGrid.datagrid('resize');
		});

		
	
	//编辑
		function editFun(id) {
			parent.$.modalDialog({
				title : '编辑科目',
				width : 780,
				height : 500,
				href : '${pageContext.request.contextPath}/business/accounting/zzpz/editPage.shtml?id=' + id,
				buttons : [{
					text : '编辑',
					handler : function() {
						parent.$.modalDialog.openner_dataGrid = dataGrid;		//因为添加成功之后，需要刷新这个dataGrid，所以先预定义好
						var f = parent.$.modalDialog.handler.find('#form');
						f.submit();
					}
				}]
			});
		}
	
	//删除
		function deleteFun(id) {
			parent.$.messager.confirm('询问', '您是否要删除当前选择数据？', function(b) {
				if (b) {
					parent.$.messager.progress({
						title : '提示',
						text : '数据处理中，请稍后....'
					});
					$.post('${pageContext.request.contextPath}/business/accounting/zzpz/delete.shtml', {
						id : id
					}, function(result) {
						if (result.success) {
							parent.$.messager.alert('提示', result.msg, 'info');
							dataGrid.datagrid('reload');
						}
						parent.$.messager.progress('close');
					}, 'JSON');
				}
			});
		}
		
	//新增	
		function insert() {
			parent.$.modalDialog({
				title : '凭证制作',
				width : 780,
				height : 500,
				href : '${pageContext.request.contextPath}/business/accounting/zzpz/addPage.shtml',
				buttons : [{
				text : '制作',
				handler : function() {
						parent.$.modalDialog.openner_dataGrid = dataGrid;		//因为添加成功之后，需要刷新这个dataGrid，所以先预定义好
						var f = parent.$.modalDialog.handler.find('#form');
						f.submit();
					}
				}]
			});
		}
		
	//添加分录
		function tjfl(xspzh) {
			parent.$.modalDialog({
				title : '记账凭证分录',
				width : 1100,
				height : 500,
				href : '${pageContext.request.contextPath}/business/accounting/zzpz/tjfladd.shtml?xspzh=' + xspzh,
			});
		}
	
	//查询
		function searchFun() {
			dataGrid.datagrid('load', $.serializeObject($('#searchForm')));
		}
		
	//重置
		function cleanFun() {
			$('#searchForm input').val('');
			dataGrid.datagrid('load', {});
		}
		
	</script>
	<div class="easyui-layout" data-options="fit : true,border : false">
		<div data-options="region:'north',title:'',border:false" style="height: 50px; overflow: hidden;" >
			<form id="searchForm">
				<table class="form_view_border" bordercolordark="#FFFFFF" bordercolorlight="#45b97c" border="px" cellpadding="0" cellspacing="0" style="">
					<tr>
						<th class="panel-header">记账日期</th>
							<td><input class="easyui-datebox" name="JZRQ"  style="width: 160px;height: 27px;"></td>
					</tr>
				</table>
			</form>
		</div>
		<div data-options="region:'center',border:false">
			<table id="dataGridzzpz"></table>
		</div>
	</div>
	
	<div id="toolbarzzpz" style="display: none;">
		    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'brick_add',plain:true" onclick="searchFun();">查询</a>
		    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'brick_delete',plain:true" onclick="cleanFun();">重置</a>
		    <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'brick_delete',plain:true" onclick="insert();">新增</a>
	</div>
	
<!-- 	<div id="xypzmenu" class="easyui-menu" style="width: 120px; display: none;"> -->
<!-- 			<div onclick="zhizuo();" data-options="iconCls:'pencil_add'">制作</div> -->
<!-- 	</div>  -->

</body>
</html>